import { HooksDemos } from '@docs/demos';
import { Layout } from '@/layout';
import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.useIsFirstRender);

## Usage

`useIsFirstRender` returns true if the component is being rendered for the first time,
otherwise it returns false.

<Demo data={HooksDemos.useIsFirstRenderUsage} />

## Definition

```tsx
function useIsFirstRender(): boolean;
```
